$empty-image-default-size: 0.72rem;
$empty-text-color: $text-color-tertiary;
$empty-description-margin: $margin-sm;

.lv-empty {
  display: flex;
  flex-direction: column;
  align-items: center;
  width: 100%;
  font-weight: $font-weight-regular;
  font-size: $font-size-base;
  line-height: $line-height-base;
  text-align: center;

  &-default-image {
    width: $empty-image-default-size;
    height: $empty-image-default-size;
    line-height: 0;
  }

  &-description {
    color: $empty-text-color;
  }

  &:not(&-description-only) {
    .lv-empty-description {
      margin-top: $empty-description-margin;
    }
  }
}
